{extend name="public:index"/}
{block name="title"}{:sysconf('title')}{/block}
{block name="content"}
<body style="background: url(__INDEX__/images/fenbg.jpg) no-repeat center top;background-size:100% 100%;
width:100%;height:100vh;">
   

<div class="fenxbox">
    <p class="p1"><a href="javascript:;"><img src="{$user['avatar']|default='__INDEX__/images/tx.png'}" alt=""></a></p>
    <p class="p2"><a href="javascript:;">{$user['user_nickname']}</a></p>
    <p class="p3"><img src="{$qrcode}" alt=""></p>
</div>

<style type="text/css">
    .fenxbox{text-align: center;width: 100%;}
    .fenxbox .p1{height: 3.5rem;}
    .fenxbox .p1 img{width: 3rem;height: 3rem;border-radius: 50%;margin-top: 0.8rem;}
    .fenxbox .p2{line-height: 1.6rem;height: 2.7rem;}
    .fenxbox .p3{width: 10rem;height: 10rem;margin:0 auto;margin-top: 5rem;border:2px solid #31c007;}
    .fenxbox .p3 img{width: 100%;height: 100%;}
</style>
{/block}